<template>
	<view class="page_body">


		<!-- 导航栏 -->
		<u-sticky>
			<u-tabs style="width: 750upx;background-color: #FFFFFF;margin-top: -45px;" :current="currentTab"
				:list="tabList" :scrollable="false" :activeStyle="{
					color: '#303133',
					fontWeight: 'bold',
					transform: 'scale(1.05)'
				}">
			</u-tabs>
		</u-sticky>

		<mescroll-body top="45px" ref="mescrollRef" @init="mescrollInit" :down="downOptions" :up="downOptions">

			<swiper :style="{height: swiperHeight}" :current="currentTab">
				<swiper-item>
					<noticeList :height="swiperHeight"></noticeList>
				</swiper-item>
			</swiper>

		</mescroll-body>



		<!-- 底部导航栏	 -->
		<tabbar :currentTabbar="3"></tabbar>

	</view>
</template>

<script>
	import MescrollMixin from "@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-mixins.js";
	import noticeList from './cpns/noticeList.vue'
	import tabbar from '@/components/tabbar.vue'
	export default {
		components: {
			noticeList,
			tabbar
		},
		mixins: [MescrollMixin],
		data() {
			return {
				// 
				swiperHeight: '',
				downOptions: {
					// 禁用下拉刷新
					use: false,
				},
				// 当前菜单索引
				currentTab: 0,
				// 菜单分类
				tabList: [{
					id: 1,
					name: '提醒',
					selected: false
				}, {
					id: 2,
					name: '私信',
					selected: false
				}],

			}
		},
		created() {
			// 设置swiper的高度
			this.swiperHeight = uni.getSystemInfoSync().windowHeight + 'px'
		},
		methods: {

		}
	}
</script>

<style>

</style>
